//******************goods首页商品加载******************//

// 获取ul
let uls=document.querySelector('.goods')

// 根据地址发起请求获取数据
fetch('http://chst.vip:1234/api/getmoneyctrl')
.then(body => body.json())
.then(res => {
    console.log(res)

    // 声明一个el,用于存放ul的内容
    let el='';

    // 根据拿到的数据res展示列表项
    // 遍历res.result中的每一项
    res.result.forEach(item => {
        // 声明一个正则用于匹配地址
        // console.log(item)
        let regExp = /(?<=imgurl=)[^'"]*/;

        let url = item.productImg2.match(regExp)
        console.log(url)
        let imgurl=url[0]

        // 展示li,将商品的productId绑定到元素上
        el += `<li productid="${item.productId}">
        <a href="#">
            <div class="img"><img src=${imgurl} alt="" width=100></div>
            <div class="title">
                <h4>${item.productName}<span>${item.productPinkage}</span></h4>
                <div>
                    <span>${item.productFrom}|${item.productTime}</span>
                    <i>
                        <img src="./images/评论.png" alt="">
                    </i>
                    <span>${item.productComCount}</span>
                </div>
            </div>
        </a>
    </li>`
    })
    // 将el存入ul,作为ul的内容
    uls.innerHTML = el;
})

$('.goods').on('click', 'li', function () {
    console.log($(this))
    let productid = $(this).attr('productid')
    console.log(productid)
    location.href = `./pages/productDetails.html?productid=${productid}`
})


// 更多---抽屉效果
let flag=false
$('.more').slideDown(200)

$('.more_t').on('click',function(){

    if(flag){
        $('.more').slideUp(200)
        flag=false
    }else{
        $('.more').slideDown(200)
        flag=true
    }
})

// ******************返回顶部******************//
// 获取dom元素
let goTop=document.querySelector('.gotop')
goTop.addEventListener('click',function(){
    console.log(123)
    document.documentElement.scrollTop=0;
})
